<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>map和join</title>
</head>
<body>
<!--
  map 可以遍历数组处理数据，并且返回新的数组
  语法:
   newArr = arr.map(function (ele , index) { })

  join()方法用于把数组中的所有元素拼成一个字符串
  语法:
    arr.join('参数') // red颜色 blue颜色 green颜色
    参数: 数组元素是通过参数里面指定的分隔符进行分割的，空字符串('')，则所有元素之间都没有任何字符
-->
</body>
<script>
  // 1.数组map方法
  const arr = ['red' , 'blue' , 'green']
  const newArr = arr.map(function (ele, index) {
    console.log(ele) // 数组元素
    console.log(index) // 数组索引号
    return ele + '颜色'
  })
  console.log(newArr)
  // 2.数组join方法
  // 小括号为空则为逗号(,)分割
  console.log(newArr.join())
  // 小括号是空字符串，则颜色间没有分隔符
  console.log(newArr.join(''))
  // 小括号里面是啥就用啥分隔符
  console.log(newArr.join('|'))
</script>
</html>